<!-- 以下是组件，在vue里，是写在template的部分，se开头的组件都可在组件看板中找到说明 -->
<div class="box">
  <div class="top">
    <h1>
      <img src="../../public/images/logo1.png" style="width: 200px" alt="">
    </h1>
    <div class="icon" @click="showNav">
      <img src="../../public/images/icon_1.png" alt="">
    </div>
  </div>
  <div class="zhezhao" v-if="navFlag" @click="hiddenNav"></div>
  <div class="nav" v-if="navFlag">
    <h2>
      <img src="../../public/images/logo1.png" alt />
    </h2>
    <ul>
      <li @click="all(item.classId)" v-for="(item,index) in dataList" :key="index">
        <!-- <i :class=item.icon></i> -->
        <div class="img">
          <img :src="item.icon" alt="">
        </div>
        <span>{{item.name}}</span>
        <div class="img_right">
          <img src="img/right.png" alt="">
        </div>
      </li>
      <!-- <a href="http://zx.zhongyi9999.com/zx/" style="text-decoration: none;" target="_blank">
        <li>
          <div class="img">
            <img src="../../public/images/kuaixun.png" alt="">
          </div>
          <span>财经快讯</span>
          <div class="img_right">
            <img src="img/right.png" alt="" style="margin-left: 53px;">
          </div>
        </li>
      </a>
      <a href="http://zx.zhongyi9999.com/rl/" style="text-decoration: none;" target="_blank">
        <li>
          <div class="img">
            <img src="../../public/images/rili.png" alt="">
          </div>
          <span>财经日历</span>
          <div class="img_right">
            <img src="img/right.png" alt="" style="margin-left: 53px;">
          </div>
        </li>
      </a> -->
    </ul>
  </div>
  <div class="nav-box" style="display:block;">
    <se-swiper @change="slideChange" @animation-finish="animationfinish" autoplay>
      <se-swiper-item :item-id="item" v-for="item of list.slice(0,5)" :key="item">
        <img :src="item.titlepic" alt="" style="width: 100%;height: 100%" @click="detile(item.id)">
        <p class="sw_Text">{{item.title}}</p>
      </se-swiper-item>
    </se-swiper>
    <!-- webview -->
    <div class="webview" v-if="!loadshow">
      <a href="https://zx.zhongyi9999.com/zx/" style="text-decoration: none;color: #000;" target="_blank">
        <div class="kuaixun" style="cursor: pointer;">
          <img src="../../public/images/kuaixun.png" alt="" style="margin-left: 5px;">
          <span>财经快讯</span>
        </div>
      </a>
      <a href="https://zx.zhongyi9999.com/rl/" style="text-decoration: none;color: #000;" target="_blank">
        <div class="rili" style="cursor: pointer;">
          <img src="../../public/images/rili.png" alt="" style="margin-left: 5px;">
          <span>财经日历</span>
        </div>
      </a>
    </div>
    <div class="list">
      <ul class="ulList">
        <li @click="detile(item.id)" v-for="(item,index) in list" :key="index">
          <div class="left">
            <h3>{{item.title}}</h3>
            <p>{{item.truetime| formatDate}}</p>
          </div>
          <div class="right">
            <img :src="item.titlepic" alt="">
          </div>
        </li>
      </ul>
    </div>
    <!-- <se-spin type="local">玩命加载中...</se-spin> -->
  </div>
  <div id="loading" v-if="loadshow">
    <img src="../../public/images/loading.gif" alt="">
  </div>
  <se-back-to-top :visibilityHeight="10" :bottom="100">
    回到顶部
  </se-back-to-top>
</div>